import React, { memo } from 'react'
import { FooterWrapper } from './style'
import footerData from '@/assets/data/footer.json'

const AppFooter = memo(() => {
  return (
   <FooterWrapper>
      <div className="wrapper">
        <div className="service">
          {
            footerData.map(item => {
              return (
                <div className="item" key={item.name}>
                  <div className="name">{item.name}</div>
                  <div className="list">
                    {
                      item.list.map(iten=>{
                        return <div className='iten' key={iten}> { iten} </div>
                      })
                    }
                  </div>
                </div>
              )
            }
          )}
      </div>
      <div className="statement">© 2022 Airbnb, Inc. All rights reserved.条款 · 隐私政策 · 网站地图 · 全国旅游投诉渠道 12301</div>
    </div>
   </FooterWrapper>
  )
})

export default AppFooter